<!DOCTYPE html>
<html lang="zh_CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
    <style type="text/css">
	 *{margin:0; padding:0;}
	 a{text-decoration: none;}
	 img{max-width: 100%; height: auto;}
	 body{
         height: 100vh;
         width: 100vw;
		 background: url('./img/bg1.png') no-repeat 100% 100%;
	 }
    .download{color: #4D4D4D; padding: 7.2% 6.8% 9.3%;text-align: center;}
	.download .entry-hd{font-size: 1.6em; font-weight: normal; text-align: center;margin:10px auto 20px}
	.download-btn{background: linear-gradient(270deg, #29F19C 0%, #02A1F9 100%);
        border-radius: 23px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 40px;
        margin: 40px auto;}
	a{
		color:#fff;
	}
	.download-btn .android-btn{ width:auto; margin:0 auto;}
	.weixin-tip{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer-bg{background: #2D2D2D; color: #E4E4E4; padding: 3.4% 2%; text-align: center;}
	.footer-bg .entry-con{font-size: 1em;}
     @keyframes grow {
         from {
             height: 0px;
         }
         to {
             height: 64px;
         }
     }
     .block {
         animation: grow 1s ease-in-out forwards;
     }
    </style>
	<title>学而时习安卓版app下载</title>
</head>
<body class="success">
	<div class="page-wrap">
		<div class="footer-bg block">
			<div class="weixin-tip">
				<div style="margin-right:17px">
					<p class="entry-con">点击右上角按钮，然后在弹出的菜单中，点击</p>
					<p class="entry-con">在浏览器中打开，即可安装</p>
				</div>
				<img src="./img/jiantou.png" alt="" style="width: 26px; height: 26px">
			</div>
		</div>
		
		<div class="download">
			<img src="./img/logo.jpg" alt="" style="width: 23vw;height: 23vw;margin:40px 0 0px 0">
			<h3 class="entry-hd">
				智慧学习
			</h3>
			<div>适用于 Android 设备</div>
			<img src="./img/erweima.jpg" alt="" style="width: 25vw;height: 25vw;margin:40px 0 0px 0">
			<div class="download-btn">
				<a href="" class="android-btn" id="J_weixin">安装</a>
			</div>
			<div style="color:#0BB4E2;margin-top:16px" id="jubao">举报应用</div>
		</div>
	</div>
	<script src="./jquery.min.js"></script>
	<script type="text/javascript">
		function qingqiu(){
			$.post("https://d-xueer.bigchun.com/api/index/lastversion",{type:'2'},function(data,status){
				console.log("数据: " + data.data.downurl + "\n状态: " + status);
				$('a').attr('href', data.data.downurl);
			});
		}
		$(document).ready(function(){
			var userAgent = navigator.userAgent;
			var is_weixin;
			
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/MicroMessenger/i)=="micromessenger") {
				is_weixin = true;
			} else {
				is_weixin = false;
			}
			
			var btn = document.getElementById('J_weixin');
			var tip = document.getElementById('weixin-tip');
			var close = document.getElementById('close');
			var jubao = document.getElementById('jubao');
			if(is_weixin){
				$('.footer-bg').css('display','block');
				$('.weixin-tip').addClass("block")
				jubao.style.display = 'none';
			}else{
				$('.footer-bg').css('display','none');
				jubao.style.display = 'block';
			}
			
			if(!is_weixin){
				$('.page-wrap').css('padding-top','15vh');
				qingqiu();
			}
			
		});
	
	</script>
</body>
</html>